<script setup lang="ts">
export interface Props {
    isPrev: boolean; // cur是否变更为prev页
    title: string; // 当前文本
}

const props = withDefaults(defineProps<Props>(), {
    isPrev: false,
});
</script>

<template>
<!--各种按钮点击跳转之后页面的头部-->
    <div class="cover-top">
        <icon-arrow-left
            @click="$router.go(-1)"
            theme="outline"
            size="24"
            fill="#222222"
            class="cursor-pointer"
        />
        <div
            class="top-title _effect text-[20px] px-[8px]"
            :class="{ '_effect--50': props.isPrev }"
        >
            {{ props.title }}
        </div>
    </div>
</template>

<style lang="scss" scoped>
.top-title{
  font-size: 20px;
  color: #1E2329;
  font-weight: 700;
}
.top-back-img {
    width: 11px;
    height: 32px;
}

.title-center {
    align-items: center;
    justify-content: center;
}
</style>

